<template>
	<view class="one">
		<view class="BH5"></view>
		<view class="padding-sm">
			<view class="position">
				<view class="title"><span>*</span>商家名称</view>
				<view class="padding-top-xs"><input placeholder="请输入商家名称" name="input"></input></view>
			</view>
<!-- 			<view class="position">
				<view class="title"><span>*</span>商家名称</view>
				<view class="text-blue padding-top-xs">请选择</view>
			</view> -->
		</view>
		<view class="BH5"></view>
		<view class="bian ">
			<view class="title"><span>*</span>身份证<text class="text-gray">（请上传经营者身份证照片）</text></view>
			<view class="shangc">
				<view class="sc-l">
					<view class="sc-l-img"><img src="@/imgs/shen.png"></img></view><br />
					身份证正面
				</view>
				<view class="sc-l">
					<view class="sc-l-img"><img src="@/imgs/shen.png"></img></view><br />
					身份证反面
				</view>
			</view>
		</view>
		<view class="bian ">
			<view class="title"><span>*</span>营业执照<text class="text-gray">（请上传最新中国大陆营业执照正面照）</text></view>
			<view class="yyzz">
				<img src="@/imgs/shen.png"></img>
			</view>
		</view>
		<view class="H50"></view>
		<view class="btn flex flex-direction">
			<button class="cu-btn lg bg-blue" @click="Reset">重新上传资质</button>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			numList: [{
				name: '提交资质'
			}, {
				name: '选择入驻方式'
			}, {
				name: '等待审核'
			},],
			num: 0,
		};
	},
	methods: {
		Reset() {
			uni.navigateTo({
				url: '/pages/certification/one/one',
			});
		},
		async checkAndRedirect() {
			if (true) {
				// 跳转到 show.vue 页面
				uni.redirectTo({
					url: "/pages/certification/show/show", // 替换为实际路径
				});
			}
		}
	},
	onLoad() {
		this.checkAndRedirect();
	}
}
</script>

<style lang="scss">
.one {
	.BH5 {
		background-color: #F3F5F4;
		height: 4px;
	}

	.title {
		padding: 5px 0 15px;
		font-weight: 600;

		span {
			color: #E74949;
			padding-right: 5px;
		}
	}

	.position {
		display: flex;
		justify-content: space-between;
		padding: 5px 0 0;

		input {
			text-align: right;
		}
	}

	.bian {
		border-bottom: 1px solid #F7F7F7;
		padding: 10px 10px 20px;
	}

	.shangc {
		display: flex;
		justify-content: space-between;

		.sc-l {
			width: 48%;
			text-align: center;
			color: #A1A1A1;

			.sc-l-img {
				background-color: #F7F7F7;
				padding: 10px 0;

				img {
					width: 140px;
					height: 85px;
				}
			}
		}
	}

	.yyzz {
		background-color: #F7F7F7;
		padding: 15px;
		text-align: center;

		img {
			width: 160px;
			height: 100px;
		}
	}

	.H50 {
		height: 50px;
	}

	.btn {
		position: fixed;
		bottom: 0;
		left: 0;
		padding: 10px;
		width: 100%;
		background-color: #fff;
		z-index: 9;
	}
}
</style>
